<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
           #mydiv{
               background:yellow;
           }
            div{
                background:red!important;
                font-size:50px;
                font-size: 12px;

            }
            .mydiv{
                background:green;
            }
            /*优先级:!important>行内样式>id选择器>class选择器>标签选择器*/
        </style>
    </head>
    <body>
        <div class="mydiv" id="mydiv" style="background:purple;">我是div</div>
    </body>
</html>